@charset "utf-8";
@import "common/reset";
@function p($px){   
    @return $px/2+px
}
.mobile{
    //头部
    header{
        padding-bottom: p(18);
        .head_left{
            float: left;
            width: p(123);
            height: p(52);
            border: p(2) solid #FF9344;
            border-radius: p(20);
            text-align: center;
            margin-left: p(23);
            margin-top: p(50);
            a{
                font-size: p(22);
                color: #000000;
            }
        }
        .head_right{
            float: right;
            margin-right: p(20);
            margin-top: p(36);
            img{
                width: p(60);
                height: p(55);
            }
        }
        .head_center{
            .detail{
                width: p(120);
                margin: 0 auto;
                text-align: center;
                span{
                    display: inline-block;
                    font-size: p(26);
                    padding-top: p(53);
                }
            }
        }
    }
    //内容
    section{
        margin: p(20);
        margin-bottom: p(180);
        .geren_xinxi{
            overflow: hidden;
            .gr_xx_left{
                float: left;
                img{
                    width: p(170);
                    height: p(170);
                }
            }
            .gr_xx_right{
                padding-left: p(25);
                height: p(170);
                line-height: p(85);
                overflow: hidden;
                a{
                    color: #000000;
                }
                p{
                    font-size: p(30);
                }
                p:nth-of-type(2){
                    font-size: p(24);
                    color: #8e8e8e;
                }
                .gr_xx_le{
                    float: left;
                }
                .gr_xx_ri{
                    height: p(170);
                    line-height: p(170);
                    float: right;
                    i{
                        font-size: p(46);
                        vertical-align: middle;
                    }
                }
            }
        }
        .geren_san{
            margin-top: p(28);
            ul{
                overflow: hidden;
                width: 100%;
                li{
                    width: 27%;
                    background: #b2e0a0;
                    text-align: center;
                    float: left;
                    i{
                        font-size: p(80);
                        color: white;
                    }
                    p{
                        font-size: p(25);
                        padding-bottom: p(5);
                    }
                }
                li:nth-of-type(2){
                    background: #a0dce0;
                    margin-left: 10%;
                }
                li:nth-of-type(3){
                    background: #e0b7a0;
                    float: right;
                }
                
            }
        }
        .geren_liebiao{
            .gr_lb{
                overflow: hidden;
                margin-top: p(33);
                .gr_lb_left{
                    float: left;
                    img{
                        width: p(70);
                        vertical-align: middle;
                        margin-right: p(22);
                    }
                    span{
                        font-size: p(30);
                        vertical-align: middle;
                    }
                }
                .gr_lb_right{
                    float: right;
                    height: p(90);
                    line-height: p(90);
                    a{
                        color: #000000;
                    }
                    i{
                        font-size: p(26);
                        color: #FF9344;
                        vertical-align: middle;
                    }
                    span{
                        font-size: p(26);
                        vertical-align: middle;
                    }
                }
            }
            .gr_lb:nth-of-type(5){
                margin-top: p(82);
            }
        }
        .geren_anniu{
            margin-top: p(36);
            overflow: hidden;
            .gr_an_left{
                width: 50%;
                text-align: center;
                float: left;
                input{
                    width: p(146);
                    height: p(75);
                    background: #FF9344;
                    border-radius: p(40);
                    color: white;
                    font-size: p(24);
                }
            }
            .gr_an_right{
                width: 50%;
                text-align: center;
                float: left;
                input{
                    width: p(146);
                    height: p(75);
                    background: #FF9344;
                    border-radius: p(40);
                    color: white;
                    font-size: p(24);
                }
            }
        }
    }
    
    //底部
    footer{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: white;
        ul{
            li{
                float: left;
                width: 25%;
            }
            a{
                display: block;
                text-align: center;
                color: #000000;
                img{
                   width: p(75);
                   height: p(75);
                }
                h2{
                    font-size: p(26);
                    margin-top: p(9);
                    margin-bottom: p(14);
                }
            }
        }
    }
}
